<template>
  <div>
    <!-- @input="$emit('input', $event.target.value)" -->
    <input type="text" :value="value" @input="$emit('input', $event.target.value)"/>
  </div>
</template>

<script>
  export default {
    name: "MyInputComponent",
    props: ['value'], // 这里 'value' 是 prop，对应于 v-model 的绑定值
    model: {
      prop: 'value', // 表示 v-model 绑定的 prop 是 value
      event: 'input' // 表示更新这个值时触发 input 事件
    }
    /* data() {
      return {
        modelValueY: this.modelValueX
      }
    } */
    ,
    watch: {
      value(val1, val2) {
        console.warn("watch value", val1, val2);
      }
    }
  }
</script>